<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>游戏界面</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/view.js"></script>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/game.css"/>
	</head>
	<body>
		<!--音频-->
		<audio id="bgmusic" src="music/Sound_bg.mp3" controls="controls" hidden="true"></audio>
		<audio id="scoreM" src="music/defen.mp3" controls="controls" hidden="true"></audio>
		<audio id="trip" src="music/shuaijiao.mp3"  controls="controls" hidden="true"></audio>
		<audio id="gameO" src="music/gameover.mp3"  controls="controls" hidden="true"></audio>
		<audio id="jump" src="music/jump.mp3"  controls="controls" hidden="true"></audio>
		<!--获奖名单-->
			<div class="rank_wrap">
				<div class="rank_img">
					<img src="img/hj.png"/>
					<div class="close"></div>
					<div class="list">
						<div class="listCon">
							<ul>
								<li>
									<div class="left">
										<span>1、</span>
										<img src="img/huojiang.png" alt="" />
										<p>小夜曲</p>
									</div>
									<div class="right">666分</div>
								</li>
							</ul>
							<ul>
								<li>
									<div class="left">
										<span>1、</span>
										<img src="img/huojiang.png" alt="" />
										<p>小夜曲</p>
									</div>
									<div class="right">666分</div>
								</li>
							</ul>
							<ul>
								<li>
									<div class="left">
										<span>1、</span>
										<img src="img/huojiang.png" alt="" />
										<p>小夜曲</p>
									</div>
									<div class="right">666分</div>
								</li>
							</ul>
							<ul>
								<li>
									<div class="left">
										<span>1、</span>
										<img src="img/huojiang.png" alt="" />
										<p>小夜曲</p>
									</div>
									<div class="right">666分</div>
								</li>
							</ul>
							<ul>
								<li>
									<div class="left">
										<span>1、</span>
										<img src="img/huojiang.png" alt="" />
										<p>小夜曲</p>
									</div>
									<div class="right">666分</div>
								</li>
							</ul>
							<ul>
								<li>
									<div class="left">
										<span>1、</span>
										<img src="img/huojiang.png" alt="" />
										<p>小夜曲</p>
									</div>
									<div class="right">666分</div>
								</li>
							</ul>
							<ul>
								<li>
									<div class="left">
										<span>1、</span>
										<img src="img/huojiang.png" alt="" />
										<p>小夜曲</p>
									</div>
									<div class="right">666分</div>
								</li>
							</ul>
							<ul>
								<li>
									<div class="left">
										<span>1、</span>
										<img src="img/huojiang.png" alt="" />
										<p>小夜曲</p>
									</div>
									<div class="right">666分</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!--游戏-->
		<div class="gameWrap">
			<ul class="gamebg clearfix">
				<li><img src="img/yx/bj.png"/></li>
			</ul>
			<ul class="cloud">
				<li><img src="img/yx/yun.png"/></li>
			</ul>
			<ul class="cloud2">
				<li><img src="img/yx/yun.png"/></li>
			</ul>
			<div class="person">
				<img src="img/img.png"/>
			</div>
			<div class="road">
				<img src="img/yx/cxd.png"/>
			</div>
			
			<div class="Road1">
				<div class="Goods">
				</div>
				<div class="roadImg">
					<img src="img/yx/dhd.png"/>
				</div>
			</div>
			<div class="Road2">
				<div class="Goods">
				</div>
				<div class="roadImg">
					<img src="img/yx/dhd.png"/>
				</div>
			</div>
			<div class="scoreImg">
				<img src="img/yx/fshu.png"/>
				<div class="score">0</div>
			</div>
			<div class="lifeImg">
				<ul class="clearfix">
					<li><img src="img/yx/xin.png"/></li>
					<li><img src="img/yx/xin.png"/></li>
					<li><img src="img/yx/xin.png"/></li>
				</ul>
			</div>
		</div>
		
		<!--游戏结束-->
		<div class="overWrap">
				<div class="banner">
					<img src="img/over/gg.png"/>
				</div>
				<div class="overView">
					<img src="img/over/num.png"/>
					<p class="tit">恭喜您得分</p>
					<p><em class="score">0</em>分</p>
				</div>
				<div class="overBtn">
					<a href="game.html" class="againP">
						<img src="img/over/again.png"/>
						<p>再玩一次</p>
					</a>
					<div class="look_rank">
						<img src="img/over/ranking.png"/>
						<p>查看排名</p>
					</div>
					<div class="shareBtn">
						<img src="img/over/fx.png"/>
						<p>分享</p>
						<span>(可增加一条生命)</span>
					</div>
				</div>
				<div class="applyBtn">
					<div class="applyshade">
						<div class="applyCon">
							<a href="">· 报名通道 ·</a>
						</div>
					</div>
				</div>
				<p class="sponsor">主办单位：腾讯家居 华耐家居集团</p>
		</div>
		
		<!--分享-->
		<div class="share">
			<div class="share_img">
				<img src="img/Mc_share.png"/>
			</div>
		</div>
		
		<script src="js/preloadjs.min.js"></script>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/loading.js"></script>
		<script src="js/game.js"></script>
		<script src="js/jquery.easing.min.js"></script>
	</body>
</html>
